<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>
布局练习
</title>
<style>
  /* 排版演示 */
  
  nav {
        background-color: lightblue;
    }
  
  article>header, footer {
      background-color: goldenrod;
      }
  /* 清楚浮动演示 */
  aside {clear: left;
    float: left;
    height: auto;
    background-color: cyan;
    width: 10%}
  article {float: left;
  width: 70%;
  border: solid 1px;
  margin-left: 1em;}
  footer {clear: left;}
  
  img {float: left;
    clear: left;
    width: 40%;
    height: auto;
    border: solid 3px pink;
    margin: 0 6px 3px 0;}
  article div {text-indent: 2em;}
</style>
</head>
<body>
<header>布局练习</header>
<nav>导航</nav>
<aside>
边侧栏
<ol>
<li>爱情</li>
<li>含义</li>
<li>历史</li>
</ol>
</aside>
<article>
<header>
<h1>布局</h1>
<time>
庚子年
</time>
</header>
<p>
<img alt='weimei' src='weimei2.jpg'>
<img alt='love' src='love.jpeg'>
你好, 爱你一生一世。
<div>
爱情是个体与个体（多数指人）之间的强烈的依恋、亲近、向往，以及无私并且无所不尽其心的情感。它通常是情与欲的对照，爱情由情爱和性爱两个部分组成，情爱是爱情的灵魂，性爱是爱情的附加属性，并不是必要存在的，情爱才是爱情的根本与核心。
</div>
<div>
在周代，男子到了三十岁要娶妻，女子到了二十嫁人。若无缘无故不遵守这规矩的，就予以惩罚。
</div>
</p>
<p>
中文解释为爱情，喜爱，热爱 近义词like，但本词并不局限于男女之间的或同性之间的爱，也包括亲情友情等。中文解释为爱情，喜爱。爱是一种发乎人内心的情感，在中文里有着很多解释，由某种事物给予人少许满足（如我爱进食这些食物）至为了爱某些东西而死（如爱国心、对偶结合）。爱也常常被认为是喜欢的最高境界或表达。比like一词的程度要更加深刻。
</p>
<footer>
你可以访问
<a href='https://baike.baidu.com/item/%E7%88%B1%E6%83%85/57'>爱情</a>
</footer>
</article>
</body>
</html>
